<script type="text/javascript">
function deleteAttr(){
	$("#banner").find("img").each(function(){
		this.removeAttribute("height");
	});
}
</script>
<section id="banner">
    <div id="slider" class="nivoSlider">
    	<a th:each="banner:${banners}" th:href="${banner.targetUrl.isEmpty()?'javascript:void(0)':banner.targetUrl}" th:target="_blank">
    		<img width="1899px" height="791px" th:src="${@staticResourceUrlProcessor.cdnBanner(banner.url)}" 
    		th:alt="${banner.alt}" onload="deleteAttr()"/>
    	</a>
    </div>
</section>
<!-- build:js /faxsun-info/js/jq.nivo.slider.min.js -->
<script type="text/javascript" th:src="@{/src/js/jq.nivo.slider.js}"></script>
<!-- endbuild -->
<script type="text/javascript">
    $('#slider').nivoSlider({
        effect:"random",
        slices:10,
        boxCols:10,
        boxRows:10,
        animSpeed:600,
        pauseTime:5000,
        startSlide:0,
        directionNav:true,
        controlNav:true,
        controlNavThumbs:false,
        pauseOnHover:true,
        manualAdvance:false
    });
   
</script>